<!DOCTYPE html>
<html>

<head>
    <meta charset=utf-8 />
    <title>videojs-contrib-hls embed</title>

    <!-- <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
    <script src="https://unpkg.com/video.js/dist/video.js"></script>
    <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script> -->

    <link href="./css/video-js.css" rel="stylesheet">
    <script src="./js/video.js"></script>
    <script src="./js/videojs-contrib-hls.js"></script>

    <style>
        .container {
            height: 900px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    </style>

</head>

<body>

    <div class="container">
        <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="1200" height="675"
            data-setup='{}'>
            <source src="http://139.159.226.207:1900/hls/test.m3u8" type="application/x-mpegURL">
        </video>
    </div>

</body>

</html>